@charset "UTF-8";
/**
 * 首页
 */
body {
  background-color: #0f0624; }

.pos-r {
  position: relative; }

.wh100 {
  width: 100%;
  height: 100%; }

.w750 {
  width: 10rem; }

.inMain {
  position: relative;
  height: 100%;
  width: 100%; }

.box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85); }

.wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 8.26667rem;
  height: 10.66667rem;
  border-radius: 0.13333rem; }

.wrap img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 0.13333rem; }

.wrap p:nth-of-type(1) {
  font-size: 0.82667rem;
  color: #fbe672;
  font-weight: bold;
  text-align: center;
  margin-top: 0.8rem; }

.wrap p:nth-of-type(2) {
  font-size: 0.37333rem;
  color: #ffffac;
  text-align: center;
  margin-top: 0.26667rem; }

.wrap div {
  position: absolute;
  bottom: 0.93333rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  width: 5.04rem;
  height: 0.96rem;
  background: url("../../img/model-btn.png") no-repeat;
  background-size: cover; }

.wrap span {
  width: 0.45333rem;
  height: 0.45333rem;
  position: absolute;
  top: -0.66667rem;
  right: 0; }

.wrap span img {
  width: 100%;
  height: 100%; }
